<script type="text/javascript" src="<?=url_tmpl()?>js/jquery.scrollTo-min.js"></script>
<script type="text/javascript">
function resizetable(){
	$("#table").find('#content').find('#fix').height($(window).height()-$("#table").find('#header').height()-$("#caption").height()-120);
	$("#table").find('#content').find('#content').height($("#table").find('#content').find('#fix').height()+0);
	$("#table").find('#header').find('#content').width($("#table").find('#content').find('#content').width()-0);	
	resizeheader();
}
function resizeheader(){
	var $h1 = $("#table").find('#content').find('#content').get(0).scrollHeight
	var $h2 = $("#table").find('#content').find('#content').height()-17;
	var $h3 = $h1 > $h2;
	console.log($h1+' '+$h2);
	if($h3){
		$("#table").find('#content').find('#content').css('border-right','none');
		$("#table").find('#header').find('#content').width($("#table").find('#content').find('#content').width()-18);
	}
	else{
		$("#table").find('#content').find('#content').css('border-right','1px solid #666');
		$("#table").find('#header').find('#content').width($("#table").find('#content').find('#content').width()-1);
	}
}
$(document).ready(function () {	
		$(this).click(function(){
			 window.parent.$(window.parent.document).trigger('parentclosemainmenu');
		});
		$("#table").find('#content').find('#content').scroll(function(obj) {
			var scrollLeft = $(this).scrollLeft();
			var scrollTop = $(this).scrollTop();
			
			$("#table").find('#header').find('#content').scrollTo(scrollLeft, 0);
			$("#table").find('#content').find('#fix').scrollTo(scrollTop, 0);

		});
		$(window).resize(function(){
			resizetable();
		});
		resizetable();
	});
	$(function(){	
			$('.lefthight').each(function(i){
					var left = parseInt($(this).height()); //alert(height);
					$(".righthight").eq(i).height(left);
			})	
	})
</script>
	<!-- ui-dialog -->
	<div id="dialogs" title="Thêm mới"></div>
	<!-- ui-dialog -->
	<div class="paddingl5" style="position : relative; width:100%;">
		<div class="boxinsert">
			 <!--Row-->
			 <div class="rows">
				 <div class="fleft mleft5 ">
                      <div class="fleft mleft5">
                         <div class="fleft"><label class="w120 fleft mtop5">Loại kết luận:</label></div>
                         <div class="fleft w208" style="margin-left:-5px;"><?=$loaiketluans;?></div>
                     </div>
				 </div>
				 <div class="fleft mleft30">
					  <label class="w140 fleft mtop5">Số văn bản:</label>
					  <input id="sovanban" class="insert input w200" />
				 </div>
				 <div class="fright mright5">
					  <div class="fleft mtop5"><label class="w100 fleft mtop5">Chủ trì:</label></div>
					  <div class="fleft w208"><?=$chutris;?></div>
				 </div>
			 </div><!--E Row-->
			 <!--Row-->
			 <div class="rows mtop10">
				 <div class="fleft mleft5">
					 <div class="fleft"><label class="w120 fleft mtop5">Chuyên quản:</label></div>
					 <div class="fleft w208"><?=$nvchuyenquans;?></div>
				 </div>
				 <div class="fleft mleft30">
					  <div class="fleft"><label class="w140 fleft mtop5">Phòng ban thực hiện:</label></div>
					  <div class="fleft w208"><?=$phongbans;?></div>
				 </div>
				 <div class="fright mright5">
					  <label class="w100 fleft mtop5">Ngày giao ban:</label>
					  <input id="ngaygiaoban" class="insert input w200" />
				 </div>
			 </div><!--E Row-->
			 <!--Row-->
             <div class="rows mtop10 h28">
                <div id="message" class="mleft5 fleft"></div>
                <div id="delete" class="btn fright mleft5 mright5"><span class="fleft icon icon-delete"></span><span class="fleft">Xoá</span></div>
                <div id="refresh" class="btn fright mleft5"><span class="fleft icon icon-refresh"></span><span class="fleft">Làm mới</span></div>
                <div id="edit" class="btn fright mleft5"><span class="fleft icon icon-edits"></span><span class="fleft">Sữa</span></div>
                <div id="adds" class="btn fright mleft5"><span class="fleft icon icon-add"></span><span class="fleft">Thêm mới</span></div>
                
                <div id="search" class="btn fright mleft5 "><span class="fleft icon icon-search"></span><span class="fleft">Tìm kiến</span></div>
             </div><!--E Row-->
             <div class="clear"></div>
        </div>
        
        <!---->
<div id="table" >
<!-- hearder-->
<div id="header">
    <div id="fix">
        <table  cellpadding="0" cellspacing="0" style="margin-top:-2px; margin-left:-2px;">
                <tr style="background:#cfdbec; text-align:center; font-weight:500; font-size:14px; height:30px;">
                       <td>STT</td>
                        <td>Mã</td>
                        <td>Số văn bản</td>
                        <td>Mội dung kết luận</td>
                  </tr>
          </table>
 </div>
 <div id="content" style="margin-top:-2px;">
        <table width="4000"  cellpadding="0" cellspacing="0" style="background:#cfdbec; text-align:center; font-weight:500; font-size:14px; height:30px; margin-top:-2px;">
            <tr>
                
                <td>Ngày giao ban</td>
                <td>Người kết luận</td>
                <td>Loại kết luận</td>
                <td>Loại giao ban</td>
                <td>Kết luận khác</td>
                <td>Chủ trì</td>
                <td>Ngày hoàn tdành</td>
                <td>Trọng số điểm</td>
                <td>Chuyên quản</td>
                <td>Trùng với KLGB</td>
                <td>Mã công văn gia hạn</td>
                <td>Hình tdức kết luận</td>
                <td>Ghi chú</td>
                <td>TP duyệt</td>
                <td>Trả KQ</td>
                <td>Sửa</td>
                <td>Xoá</td>
            </tr>
              
        </table>
    </div>              
    <div style="clear:both;"></div>
</div>
<div id="content">
    <div id="fix">
        <table cellpadding="0" cellspacing="0">
             <?php for($i=1;$i<30; $i++){?>   
               <tr>
                    <td>STT</td>
                    <td>Mã</td>
                    <td>Số văn bản</td>
                    <td>Mội dung kết luận</td>
               </tr>
              <?php }?>
         </table>
    </div>
    <div id="content">
        <table  width="4000" border="1" style="border-collapse:collapse; border:1px solid #ccc;"  cellpadding="0" cellspacing="0">
           <?php for($i=1;$i<30; $i++){?>
              <tr>
                    
                    <td>Ngày giao ban</td>
                    <td>Người kết luận</td>
                    <td>Loại kết luận</td>
                    <td>Loại giao ban</td>
                    <td>Kết luận khác</td>
                    <td>Chủ trì</td>
                    <td>Ngày hoàn tdành</td>
                    <td>Trọng số điểm</td>
                    <td>Chuyên quản</td>
                    <td>Trùng với KLGB</td>
                    <td>Mã công văn gia hạn</td>
                    <td>Hình tdức kết luận</td>
                    <td>Ghi chú</td>
                    <td>TP duyệt</td>
                    <td>Trả KQ</td>
                    <td>Sửa</td>
                    <td>Xoá</td>
              </tr>
             <?php }?>
        </table>
    </div>             
    <div style="clear:both;"></div>
</div>
<script type="text/javascript" src="<?=url_tmpl()?>multipleselect/jquery.multiple.select.insert.js"></script>
<link rel="stylesheet" type="text/css" href="<?=url_tmpl()?>multipleselect/multiple-select.css"/>
<script type="text/javascript">
	$(function(){
		$("#loaikls").multipleSelect({
				filter: true,
				placeholder:"Loại kết luận..."
			}); 
			$("#chutris").multipleSelect({
				filter: true,
				placeholder:"Chủ trì..."
			}); 
			$("#phongbans").multipleSelect({
				filter: true,
				placeholder:"Phòng ban..."
			});
			$("#nvchuyenquans").multipleSelect({
				filter: true,
				placeholder:"Chuyên quản..."
			}); 
			$("#loaikls,#phongbans,#chutris,#nvchuyenquans").multipleSelect('uncheckAll');
			$("#ngayketluan, #ngayhoanthanh").datepicker({
				changeMonth: true,
				changeYear: true,
				yearRange: '<?php echo date('Y')-2;?>:<?php echo date('Y');?>',
				dateFormat: 'dd-mm-yy',
				//defaultDate: +7,
				monthNamesShort: ['Tháng 1','Tháng 2','Tháng 3','Tháng 4','Tháng 5','Tháng 6','Tháng 7','Tháng 8','Tháng 9','Tháng 10','Tháng 11','Tháng 12'],
				dayNamesMin: ['CN', 'T2', 'T3', 'T4', 'T5', 'T6', 'T7'],
				dayNames: ['Chủ nhật', 'Thứ hai', 'Thứ ba', 'Thứ tư', 'Thứ năm', 'Thứ sáu', 'Thứ bảy']
			});
			$("#adds").click(function(){
				window.location = "<?=base_url()?>klgb/insert.html";
			});
			$("#refresh").click(function(){
				$(".insert").val('');
				$("#loaikls,#phongbans,#chutris,#nvchuyenquans").multipleSelect('uncheckAll');
			});
			$("#search").click(function(){
				var loaikls = $('#loaikls').multipleSelect('getSelects');
				if(typeof loaikls === 'object'){
					loaikls = '';
				}
				var chutris = $('#chutris').multipleSelect('getSelects');
				if(typeof chutris === 'object'){
					chutris = '';
				}
				var phongbans = $('#phongbans').multipleSelect('getSelects');
				if(typeof phongbans === 'object'){
					phongbans = '';
				}
				var nvchuyenquans = $('#loaigiaoban').multipleSelect('getSelects');
				if(typeof nvchuyenquans === 'object'){
					nvchuyenquans = '';
				}
				var sovanban = $("#sovanban").val();
				var ngaygiaoban = $("#ngaygiaoban").val(); 
				
				var str_json = '{"ngaygiaoban":"'+ngaygiaoban+'","sovanban":"'+sovanban+'","loaikl":"'+loaikls+'","chutri":"'+chutris+'","nvchuyenquan":"'+nvchuyenquans+'","phongban":"'+phongbans+'"}';
				getList(str_json,0);
			});
			$("#ngaygiaoban, #ngayhoanthanh").datepicker({
				changeMonth: true,
				changeYear: true,
				yearRange: '<?php echo date('Y')-2;?>:<?php echo date('Y');?>',
				dateFormat: 'dd-mm-yy',
				//defaultDate: +7,
				monthNamesShort: ['Tháng 1','Tháng 2','Tháng 3','Tháng 4','Tháng 5','Tháng 6','Tháng 7','Tháng 8','Tháng 9','Tháng 10','Tháng 11','Tháng 12'],
				dayNamesMin: ['CN', 'T2', 'T3', 'T4', 'T5', 'T6', 'T7'],
				dayNames: ['Chủ nhật', 'Thứ hai', 'Thứ ba', 'Thứ tư', 'Thứ năm', 'Thứ sáu', 'Thứ bảy']
			});
	});
</script>
	<style type="text/css">
		#boxsearch .ms-drop {
			width:auto !important;
		}
		.ui-widget-content{ height:auto !important;}
	</style>
    <style>
    body{ padding:0px; margin:2px;}
	#caption{ text-align:center;}
	#table #header #fix, #table #content #fix, #table #footer #fix{ float:left;}
	#table #header #content table tr td, 
	#table #content #content table tr td, 
	#table #header #fix table tr td,
	#table #content #fix table tr td{ border-right:1px solid #999;  border-bottom:1px solid #999; padding:2px 0px;}
	#table #header #content, #table #footer #content, #table #content #fix{ overflow:hidden;}
	#table #content #content{overflow:auto;}
	#table #header #content{border-right:1px solid #666;}
	
	
</style>
	